<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>抓紧谈恋爱</title>
    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?3dqy0z');
            src: url('fonts/icomoon.eot?3dqy0z#iefix') format('embedded-opentype'),
                url('fonts/icomoon.ttf?3dqy0z') format('truetype'),
                url('fonts/icomoon.woff?3dqy0z') format('woff'),
                url('fonts/icomoon.svg?3dqy0z#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }

        body {
            background-image: url(images/666.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-color: pink;
        }

        .c {
            text-align: center;
        }

        span {
            font-family: 'icomoon';
            font-size: 30px;
            margin-left: 15px;
        }

        input {
            outline: none;
        }

        textarea {
            resize: none;
        }
    </style>
</head>

<body>
    <h3 class="c">青春不常在，抓紧谈恋爱</h3>
    <table width=600 align="center">
        <!-- 第一行 -->
        <tr>
            <td>性别</td>
            <td>
                <span></span>
                <input type="radio" name="sex" id="nan" checked="checked"> <label for="nan"></label>男
                <span></span>
                <input type="radio" name="sex" id="nv"> <label for="nv"></label>女
                <span></span>
                <input type="radio" name="sex" id="renyao"> <label for="renyao"></label>人妖
            </td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>生日</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>1998</option>
                    <option>1999</option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>
                </select>
                <select>
                    <option>--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>
                <select>
                    <option>--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                    <option>19</option>
                    <option>20</option>
                    <option>21</option>
                    <option>22</option>
                    <option>23</option>
                    <option>24</option>
                    <option>25</option>
                    <option>26</option>
                    <option>27</option>
                    <option>28</option>
                    <option>29</option>
                    <option>30</option>
                    <option>31</option>
                </select>

            </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在地区</td>
            <td>
                <input type="text" value="湖北襄阳">
            </td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" name="narry" id="weihun" checked="checked"> <label for="weihun"></label>未婚 <input
                    type="radio" name="narry" id="yihun"> <label for="yihun"></label>已婚 <input type="radio" name="narry"
                    id="lihun"> <label for="lihun"></label>离婚
            </td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>学历</td>
            <td>
                <input type="text" value="本科">
            </td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox"> 抚媚的 <input type="checkbox">可爱的 <input type="checkbox"> 身材好的 <input
                    type="checkbox"> 大长腿 <input type="checkbox" checked=checked>都喜欢
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>自我介绍</td>
            <td>
                <textarea rows="5" cols="30">本人很懒，什么都没留下...</textarea>
            </td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意注册条款和会员加入标准
            </td>
        </tr>
        <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <h4>我承诺</h4>
                <ul>
                    <li>年满20岁、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>

    </table>

</body>

</html>